<template>
  <div>
    <V-CommonHeaderLeft>
      <div class="container">
        <div class="nav">
          <navigation :msg="navMsg"></navigation>
        </div>
        <div class="content">
          <div class="head">
            <div class="span">
              <b>查看公告</b>
              <span></span>
            </div>
            <div class="tree-list-top-right">
              <span class="iconfont icon-test156 left"></span>
              <span>删除</span>
            </div>
          </div>
          <div class="notice">
            <p>{{title}}</p>
            <p>发布时间 {{creationTime}}</p>
            <p>根据2017年国家法定假期的规定，并结合公司实际情况，现对中秋节放假做如下安排： 一、放假时间：9月14日(中秋节)至9月17日(星期六)公休放假共3天。9月18日(星期日)正常上班。 二、渠道销售部请提前通知经销商提前下单补货，仓储部门请在放假之前安排好订单及时发货，以应对假期购物需求。 三、放假期间，请大家务必保持手机畅通，节假日外出人员请注意出行安全。 预祝大家中秋节快乐! 特此通知! 人事部</p>
          </div>
        </div>
      </div>
    </V-CommonHeaderLeft>
  </div>
</template>

<script>
import VCommonHeaderLeft from '@/components/common/vCommonHeaderLeft/VCommonHeaderLeft'
import navigation from '@/components/common/navigation/Navigation'
export default {
  data () {
    return {
      title: '',
      creationTime: '',
      navMsg: [
        {
          name: '设置',
          path: '/enterpriseInformation'
        },
        {
          name: '企业公告',
          path: '/eusinessAnnouncement'
        },
        {
          name: '企业公告详情',
          path: ''
        }
      ]
    }
  },
  created () {
    this.getRouterData()
  },
  methods: {
    getRouterData () {
      this.title = this.$route.params.title
      this.creationTime = this.$route.params.creationTime
    }
  },
  components: {
    VCommonHeaderLeft,
    navigation
  }
}
</script>

<style lang="scss" scoped>
.container {
  width: 100%;
  margin-right: 10px;
  .content {
    background-color: #fff;
    width: 100%;
    height: 644px;
    box-sizing: border-box;
    .head {
      height: 50px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #20ade5;
      border-bottom: 1px solid #e3e3e3;
      box-sizing: border-box;
      .span {
        width: 110px;
        position: relative;
        text-align: center;
        b {
          margin-left: 40px;
        }
        span {
          display: block;
          width: 110px;
          height: 2px;
          background-color: #20ade5;
          position: absolute;
          top: 35px;
          left: 20px;
        }
      }
      .tree-list-top-right {
        margin-right: 50px;
        .iconfont {
          cursor: pointer;
          margin-right: 5px;
        }
      }
    }
    .notice {
      padding-left: 20px;
      p:nth-of-type(1) {
        font-size: 24px;
        color: #333;
        line-height: 1em;
        margin-top: 20px;
      }
      p:nth-of-type(2) {
        font-size: 12px;
        color: #999;
        line-height: 50px;
        border-bottom: 1px solid #e3e3e3;
      }
      p:nth-of-type(3) {
        line-height: 1.5;
        font-size: medium;
        padding-bottom: 60px;
        word-break: break-all;
        margin-top: 20px;
      }
    }
  }
}
</style>
